<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>{{#if title}}{{title}} | {{/if}}天气宝 - 为您的坏天气买单</title>
  <meta name="viewport" content="user-scalable=no, initial-scale=1, width=device-width"/>
  <meta name="format-detection" content="telephone=no"/>

  <!-- web meta begin -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用 IE 最新版本和 Chrome -->
  <meta name="description" content="天气宝提供类“天气保险”的天气风险对冲服务，支持天气预报，农业保险，暴雨保险，高温保险，旅游，交通出行等天气保险定价服务。" /> <!-- 页面描述 -->
  <meta name="keywords" content=" 天气宝,低温宝,天气预报,天气保险,天气保障,高温保险,降水保险,暴雨保险,农业保险"/> <!-- 页面关键词 -->
  <meta name="author" content="Meathill <meathill@gmail.com">
  <meta name="robots" content="index,follow" /> <!-- 搜索引擎抓取 -->
  <!-- web meta end -->

  <link rel="shortcut icon" type="image/png" href="./img/favicon.png" />
  <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
  <link href="./css/screen{{#if isBuild}}.min{{/if}}.css" media="screen, projection" rel="stylesheet" />
  <noscript>
    <style>
      .lazy {
        display: none;
      }
    </style>
  </noscript>
</head>
<body>
<nav class="navbar navbar-inverse fixed-top" role="navigation" id="top-bar">
  <h1 class="visually-hidden">天气宝</h1>
  <div class="mobile-bar">
    <a class="navbar-brand" href="/">
      <img src="./img/logo.png" class="no-lazy">
    </a>
    <button type="button" class="ml-auto qrcode-button d-sm-none" data-toggle="modal" data-target="#qrcode-modal">
      <span class="icon"></span>
    </button>
  </div>

  <ul class="navbar-nav">
    <li class="nav-item {{#equal title ''}}active{{/equal}}">
      <a class="nav-link" href="./"><i class="icon-homepage"></i> 首页</a>
    </li>
    <li class="nav-item {{#equal title '合作/案例'}}active{{/equal}}">
      <a class="nav-link" href="./portfolio.html"><i class="icon-portfolio"></i> 合作/案例</a>
    </li>
    <li class="nav-item {{#equal title '加入我们'}}active{{/equal}}">
      <a class="nav-link" href="./join-us.html"><i class="icon-join-us"></i> 加入我们</a>
    </li>
    <li class="nav-item {{#equal title '关于我们'}}active{{/equal}}">
      <a class="nav-link" href="./about.html"><i class="icon-about"></i> 关于我们</a>
    </li>
    <li class="nav-item {{#equal title 'FAQ'}}active{{/equal}}">
      <a class="nav-link" href="./faq.html"><i class="icon-faq"></i> FAQ</a>
    </li>
  </ul>
</nav>

{{{content}}}

<footer id="footer" class="container">
  <div>
    <h3>让人们不再为坏天气担心</h3>
    <p class="pb-3">天气宝是一家由数据科学家和金融数学家主导的金融科技公司，拥有业内领先的基于智能算法的动态天气风险定价模型和以大数据驱动的风险管理系统，为用户提供全自动的异常天气赔偿服务。作为国内天气保障领域的开创者，天气宝致力于解决天气因素给人类生产生活带来的经济损失与影响。</p>
    <div class="row">
      <div class="col-6">
        <p>Copyright&copy;eversince2015 天气宝.保留所有权利<br>
          武汉低温宝信息有限公司 | 鄂ICP备14020279号-2<br>
          <span class="gongan">鄂公网安备 42018502000573号</span>
        </p>
      </div>
      <div class="col-3">
        <span id="kx_verify"></span>
      </div>
      <div class="col-3">
        <span id="wuhan-gs">
        </span>
      </div>
    </div>
  </div>
  <figure class="ml-4">
    <img src="./img/qrcode.png">
    <figcaption>关注“天气宝”微信公众号</figcaption>
  </figure>
</footer>

<div class="modal fade" id="qrcode-modal" tabindex="-1" role="dialog" aria-labelledby="qrcode-modal" aria-hidden="true">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <img src="./img/qrcode.png" class="qrcode no-lazy">
      </div>
      <div class="modal-footer">
        关注“天气宝”微信公众号
      </div>
    </div>
  </div>
</div>

<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="node_modules/jquery-lazyload/jquery.lazyload.js"></script>
<script src="js/main{{#if isBuild}}.min{{/if}}.js"></script>
<script src="http://whgswj.whhd.gov.cn:8089/whwjww/VieidServlet?webId=b47e69ef08d05486c06664ccbf2d9dcb&width=70&heigth=69" class="gs"></script>
</body>
</html>